<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      /* 通过程序，在页面中输出如下的图形：
*
**
***
****
*****

*****
*****
*****
*****
*****

*/
      // 向body中输出一个内容
      // document.write("*****<br />");

      // 通过for循环来输出图形
      // 这个for循环执行几次，圆形的高度就是多少
      // 它可以来控制图形的高度
      //   for (var i = 0; i < 5; i++) {
      //     // 在循环的内部再创建一个循环，用来控制图形的宽度
      //     // 外部的for循环执行一次，内部就会执行5次
      //     for (var j = 0; j < i + 1; j++) {
      //       document.write("*");
      //     }

      //     document.write("<br/>");
      //   }
      for (var i = 0; i < 5; i++) {
        // 在循环的内部再创建一个循环，用来控制图形的宽度
        // 外部的for循环执行一次，内部就会执行5次
        for (var j = 0; j < 5 - i; j++) {
          document.write("*");
        }

        document.write("<br/>");
      }
    </script>
  </head>
  <body></body>
</html>
